<template>
    <div class="flowNode">flowNode {{ info }}



    </div>
</template>

<script lang="ts" setup  name="flowNode">
import { defineComponent, inject, onMounted, ref,defineExpose } from 'vue'
let getNode = inject('getNode') as any

let Node = getNode()
let info = ref('')

onMounted(() => {
    Node.on('change:data', ({ current }: any) => {
    
        const { title } = current
        info.value = title
    })
})

defineExpose({
    info
})

</script>

<style scoped lang="scss">
.flowNode {
   border: 1px solid red; 
}
</style>
